import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './components/app.vue';
import header from './components/header.vue';
import footer from './components/footer.vue';

// 注册全局组件
Vue.component('headerVue', header);
Vue.component('footerVue', footer);

// 安装插件 挂载属性
Vue.use(VueRouter); 

// 创建路由对象并配置路由规则
let router = new VueRouter({
    routes:[{
        path: '/',
        components: {
            header: header,
            default:footer,
            footer: footer
        }
    }]
})
// new Vue 启动
new Vue({
    el: '#app',
    router,  // 路由
    render: c => c(App)
})